<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=x, initial-scale=1.0">
    <title>结算</title>
    <link rel="stylesheet" href="./sources/font/iconfont.css">
    <link rel="stylesheet" href="./css/reset.css">

    <link rel="stylesheet" href="./css/index.css">
    <link rel="stylesheet" href="./sources/layui-v2.6.8/layui/css/layui.css">

    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/user.css">
    <link rel="stylesheet" href="./css/address.css">
    <link rel="stylesheet" href="./css/buy.css">


</head>

<body>
    <!-- 导航 -->
    <div class="top">
        <div class="top-container">
            <div class="xiahuadie">
                资质证照 / 协议规则<svg fill="#ccc" xmlns="http://www.w3.org/2000/svg"
                    style="width: 12px;height:7px;margin-left: 10px;" viewBox="0 0 40 22.5">
                    <path
                        d="M39.28.72h0a2.49,2.49,0,0,0-3.5,0L20,16.53,4.23.72A2.48,2.48,0,0,0,.72,4.23L18.24,21.78A2.48,2.48,0,0,0,20,22.5a2.52,2.52,0,0,0,1.77-.72L39.28,4.23A2.5,2.5,0,0,0,39.28.72Z">
                    </path>
                </svg><i class="fa fa-chevron-down" aria-hidden="true"></i>
                <div class="xiahua">
                    <div id="license">资质证照</div>
                    <div id="protocol">协议规则</div>
                </div>
            </div>
            <span>|</span>
            <div id="downAPP"><a href="http://127.0.0.1:5500/xiaomiyoupin/download.html" style="list-style: none;     color: #E7E7E7;
					line-height: 48px;
					padding: 0 5px;
					font-size: 14px; text-decoration: none;"><span class="iconfont icon-iconfonticon1"
                        style="font-size: 20px;"></span>下载APP</a></div>
            <span>|</span>
            <div>帮助中心</div>
            <span>|</span>
            <div class="mycontent" id="mycontent">
                <div type="button" style="color:#E7E7E7 ;" id="reg">登录&nbsp;注册</div>
            </div>
        </div>
    </div>

    <!-- 菜单 -->
    <div id="menu-container">
        <div class="logo">
            <img src="./images/logo-bottom-l.png" alt="">
        </div>
        <div class="nav-part"></div>
        <div class="nav">
            <ul>
                <li>
                    限时抢购
                </li>
                <li>
                    企业采购</li>
            </ul>
        </div>
        <div class="search">
            <span class="iconfont icon-sousuo" style="font-size: 20px;float: left; margin-top: 12px;"></span>
            <input type="text" placeholder="搜一搜" />
        </div>
        <span class="iconfont icon-gouwuche cart-icon" style="font-size: 40px;float: right;margin-top: 5px;"></span>
    </div>
    <div id="user-con">
        <div class="container1" style="min-height: 1200px;
      position: relative;">
            <div style="font-size: 13px; cursor: default;    margin-bottom: 20px;"> <a
                    href="http://127.0.0.1:5500/xiaomiyoupin/index.html" class="a-nav">首页</a>
                ><a href="http://127.0.0.1:5500/xiaomiyoupin/good.html" class="a-nav">购物车</a>
                ><a href="http://127.0.0.1:5500/xiaomiyoupin/buy.html" class="a-cart">确认页</a>

            </div>

            <div class="right">
                <div style="box-sizing: border-box;">
                    <h2 class="asset-tit">收货地址</h2>
                </div>
                <div class="address-con">

                    <div class="address-item " id="add-address">
                        <div class="addIcon">
                            <div style="width: 27px; height: 27px; margin: 0px auto; cursor: default;"><svg
                                    fill="#e7e7e7" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40">
                                    <path
                                        d="M38,17.1H22V2a2,2,0,0,0-4,0V17.1H2a2,2,0,0,0-2,2H0a2,2,0,0,0,2,2H18V38a2,2,0,0,0,4,0V21.1H38a2,2,0,0,0,2-2h0A2,2,0,0,0,38,17.1Z">
                                    </path>
                                </svg></div>
                        </div>
                        <div class="addAds">添加新地址</div>
                    </div>
                </div>


            </div>
            <div class="moreAddress"> </div>
            <div style="float: left;width: 100%;margin-bottom: 20px;">
                <div class="icon"><img class=""
                        src=""
                        data-src=""
                        alt="有品精选" style="width: 30px; height: 30px;"></div>
                <span class="name">有品精选</span>
            </div>
            <div class="addressBorder" style="float: left;width: 100%;height: 100%;">
                <div>
                    <div class="good-container clearfix">
                        <p class="pro-support"><a class="m-icons m-icons-service " data-src="" href="#!"></a>支持7天无理由退货
                        </p><span class="img"><img class=""
                                src="https://img.youpin.mi-img.com/shopmain/962742d059a35b89d57d7bf88484083d.png@base@tag=imgScale&amp;F=webp&amp;h=800&amp;w=800?w=800&amp;h=800"
                                data-src="https://img.youpin.mi-img.com/shopmain/962742d059a35b89d57d7bf88484083d.png@base@tag=imgScale&amp;F=webp&amp;h=800&amp;w=800?w=800&amp;h=800"
                                alt="EZVALO几光无线感应灯 单支装 直充版暖光 30cm" style="width: 50px; height: 50px;"></span><span
                            class="name"><span class="product-name" style="    margin-left: 15px;">EZVALO几光无线感应灯 单支装 直充版暖光 30cm</span></span><span
                            class="total"><span class="">￥</span><span class="txt">83.00</span></span><span
                            class="price">83.00元×1</span>
                    </div>
                </div>
                <div class="select-all" style="height: 50px;margin-top:36px;line-height: 50px;">
                    <span style="float: left;font-size: 19px;    margin-right: 50px;
                color: #333;">发票类型</span>

                    <span class="select-one active">不开发票</span>
                    <span class="select-one">电子发票</span>
                </div>
                <div style="height: 150px;margin-top:36px;line-height: 50px;">
                    <span style="float: left;font-size: 19px;    margin-right: 50px;
                    color: #333;">买家发言</span>
                    <span><textarea class="buy-text" placeholder="买家请留言"></textarea></span>
                </div>
            </div>
            <div style="float: left;position: relative;
            height: 40px;
            margin-top: 10px;
            color: #c00000;">无可用优惠卷</div>
            <div style=" float: left;width: 100%;   margin-top: 37px;
            text-align: right;border-bottom: 1px solid #e7e7e7;">
                <div class="check-freeInfo fr">
                    <div class="freeInfo-item"><span class="freeInfo-key">商品总价：</span><span
                            class="freeInfo-value total-price">169.00元</span></div>
                    <div class="freeInfo-item fee-map-item "><span class="freeInfo-key">运费 ：</span><span
                            class="freeInfo-value">10.00元</span></div>
                    <div class="freeInfo-item"><span class="freeInfo-key">优惠：</span><span
                            class="freeInfo-value">00.00元</span></div>
                    <div class="totals"><span class="freeInfo-key" style="    position: absolute;
                        width: 126px;
                        display: block;">合计：</span><span class="freeInfo-value total-all">￥93.00</span>
                    </div>
                </div>
            </div>
            <div class="bottom-pay" style="float: left; width: 100%;"><a class="m-btns m-btn-middle m-btn-brown" href="javascript:;">去下单</a></div>
        </div>

        <!-- 底部 -->
        <div class="bottom ">
            <div class="bottom-container container1">
                <div class="lft"></div>
                <div class="ctr">
                    <ul>
                        <li>
                            <img src="./images/record-icon..png" alt="">苏公网安备
                            32010502010244号&nbsp;&nbsp;©xiaomiyoupin.com&nbsp;&nbsp;苏B2-20180351&nbsp;苏ICP备18025642号-1
                        </li>
                        <li>企业名称：有品信息科技有限公司&nbsp;关于我们&nbsp;&nbsp;入驻有品&nbsp;&nbsp;知识产权侵权投诉</li>
                        <li>小米有品平台运营主体变更公告</li>
                        <li>南京市建邺区白龙江东街8号3栋9层</li>
                    </ul>
                </div>
                <div class="rgt"></div>
            </div>
        </div>
    </div>
    <div class="gotop">
        <div class="box">
            <svg class="icon" aria-hidden="true">
                <use xlink:href="#icon-lianxikefu"></use>
            </svg>
            <p>联系客服</p>
            <div class="contact">
                <span style="font-size: 13px;color: #333;">小米有品平台问题，建议反馈，商户和物流问题投诉等请拨打小米有品</span>
                <span style="font-size: 13px;color: #333;">客服热线</span>
                <span style="font-size: 20px;font-weight: bold;padding-top: 15px;color: #845f3f;">400-100-1199</span>
                <span style="font-size: 10px;color: #999;">（周一至周日8：00-18：00）</span>
                <span style="font-size: 13px;color: #333;padding-top: 15px;">小米/米家自营品牌，手机电视智能硬件商品或订单发货退款售后问题请拨打</span>
                <span style="font-size: 13px;color: #333;">小米自营客服热线</span>
                <span style="font-size: 20px;font-weight: bold;padding-top: 15px;color: #845f3f;">400-100-5678</span>
                <span style="font-size: 10px;color: #999;">（周一至周日8：00-18：00）</span>
            </div>
        </div>
        <div class="box">
            <svg class="icon" aria-hidden="true">
                <use xlink:href="#icon-saomiaoerweimaon
            "></use>
            </svg>
            <p>下载APP</p>
            <div class="download">
                <div></div>
                <span style="margin-top: 20px;">下载小米有品APP</span>
                <span>得新人礼包</span>
            </div>
        </div>
        <div class="box">
            <svg class="icon" aria-hidden="true">
                <use xlink:href="#icon-xinrenyouli"></use>
            </svg>
            <p>新人有礼</p>
            <div class="gift">
                <div class="g1"></div>
                <div class="g2"></div>
            </div>
        </div>
        <div class="box">
            <svg class="icon" aria-hidden="true">
                <use xlink:href="#icon-weixin"></use>
            </svg>
            <p>关注微信</p>
            <div class="wechat">
                <div></div>
                <span style="margin-top: 20px;">扫码关注[小米有品]微信服务号，签到积分赢大奖</span>
            </div>
        </div>
        <div class="box" id="goTop" style="height: 49px; border-bottom:none;">
            <svg class="icon" aria-hidden="true">
                <use xlink:href="#icon-huidaodingbu"></use>
            </svg>
            <p>回到顶部</p>
        </div>
    </div>
</body>
<script src="./sources/font/iconfont.js"></script>
<script src="./js/ajax.js"></script>
<script src="./js/jquery-2.2.4.js"></script>
<script src="./sources/layui-v2.6.8/layui/layui.js"></script>
<script src="./js/user.js"></script>
<script src="./js/common.js"></script>
<script src="./js/all.js"></script>
<script src="./js/address.js"></script>
<script src="./js/buy.js"></script>

</html>